<template>
	<view class="main">
		<view v-if="closeFormShow == 1" class="agreement">
			<view class="agreement_title">会计工作小帮手平台用户注销提示</view>
			<view class="tags">注销帐号是不可恢复的操作，您可自行备份帐号相关的信息和数据。操作之前，请确认与帐号相关的所有服务均已进行妥善处理。</view>
			<view class="tags">会计工作小帮手App提醒您：注销帐号，您将无法再使用本帐号或找回您添加或绑定的任何内容或信息（即使您使用相同的手机号码再次注册并使用），包括但不限于：</view>
			<view class="tags">
				（1）您帐号的个人资料和历史信息（包含昵称、头像、消息记录、收藏、邀请、专业人士认证、关注等）都将无法找回。<br /><br />
				（2）您帐号所关注的所有帐号将被取消关注，与帐号的所有功能或服务都将无法继续使用。<br /><br />
				（3）在帐号注销期间，如果您的帐号被他人投诉、被国家机关调查或者正处于诉讼、仲裁程序中，会计工作小帮手有权自行终止您帐号的注销而无需另行得到您的同意。<br /><br />
			</view>
			<view class="tags">请注意，注销您的帐号并不代表本帐号注销前的帐号行为和相关责任得到豁免或减轻。</view>
			<view class="tags">账户注销确认</view>
			<view class="tags">提交申请后，您将无法登录、使用本帐号，账户注销后，您在本平台的所有权益也将一并失效。</view>
			<view class="tags">感谢您的使用，期待您的再次使用。如有疑问，可联系客服:19105603509。</view>
			<!-- <view class="content" v-html="content"></view> -->
			<u-button class="button" type="primary" text="同意并注销" @click="deleteModel = true"></u-button>
		</view>

		<view v-if="closeFormShow == 2" class="form">
			<view class="title">请核实账户信息</view>
			<u--form labelPosition="left" labelWidth="140rpx" :model="form" ref="form">
				<u-form-item label="账号" prop="mobile" borderBottom ref="item">
					<u--input v-model="form.mobile" border="none" disabledColor="#f1f1f1" disabled></u--input>
				</u-form-item>
				<u-form-item label="验证码" prop="mobile" borderBottom ref="item">
					<u-input v-model="form.code" border="none" placeholder="验证码">
						<template slot="suffix">
							<u-code ref="code" @change="codeChange" seconds="60"></u-code>
							<text class="tips" @click="getCode">{{ tips }}</text>
						</template>
					</u-input>
				</u-form-item>
			</u--form>
			<u-button class="button" type="primary" text="确认注销" @click="singOUTUser"></u-button>
		</view>

		<view v-if="closeFormShow == 3" class="signOut_true">
			<view class="icon">
				<u-icon name="checkmark-circle" color="#2979ff" size="90"></u-icon>
			</view>
			<view class="signOut_true_text">
				您的账户注销申请已提交，感谢您的使用，期待您的再次使用。如有疑问，可联系客服:19105603509。
			</view>
		</view>

		<u-modal :show="deleteModel" title="账户注销确认" content="提交申请后，您将无法登录、使用本帐号，账户注销后，您在本平台的所有权益也将一并失效。"
			:showCancelButton="true" confirmText="确认注销" cancelText="暂不注销" @cancel="deleteModel = false" @confirm="onClose">
		</u-modal>
	</view>
</template>

<script type="text/javascript" src="plus-confusion://../pages/my/settings/SignOUT"></script>

<style lang="scss" scoped>
.main {
	min-height: 100vh;
	padding: 30rpx;
	background: #F1F1F1;

	.content {
		line-height: 38rpx;
	}

	.form {
		padding: 30rpx;
		text-align: center;

		.title {
			font-size: 38rpx;
			padding: 90rpx 0;
		}
	}

	.button {
		margin-top: 90rpx;
		height: 90rpx;
		width: 500rpx;
	}

	.tips {
		color: #50B674;
	}

	.signOut_true {
		text-align: center;
		padding-top: 200rpx;

		.icon {
			width: 100%;
			display: flex;
			justify-content: center;
		}

		.signOut_true_text {
			padding: 0 70rpx;
			padding-top: 36rpx;
			line-height: 1.6;
		}

	}
}

.agreement_title {
	font-size: 38rpx;
	text-align: center;
	font-weight: 600;
	margin-bottom: 30rpx;
}

.tags {
	margin-bottom: 30rpx;
	font-size: 32rpx;
	letter-spacing: 2px;
	line-height: 1.2
}
</style>
